<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/personal.css">
    <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css">
    <!-- <link rel="stylesheet" href="../css/font-awesome.css"> -->
    <style>
        #reva{
            cursor: pointer;
        }
        @media screen and (min-width: 750px) {
            .content ul li span {
                margin-left: 10%;
            }
        }
        /* @media screen and (min-width: 1366px) {
            .content ul li{
                padding-left: 0%;
            }
        } */
    </style>
</head>

<body>
    <div class="content">
        <div class="content_header">
            <strong>基本信息</strong>
            <a href="###" id="reva"><i class="fa fa-pencil"></i>修改</a>
        </div>
        <ul>
            <li><span>姓名：</span><em>Tony</em><span>性别：</span><em>男</em></li>
            <li><span>手机号码：</span><em>155*****</em><span>证件号码：</span><em>400******</em></li>
            <li><span>电子邮箱：</span><em>无</em><span>省：</span><em>河南省</em></li>
            <li><span>联系地址：</span><em>无</em><span>市：</span><em>郑州市</em></li>
            <li><span>成员信息：</span><em></em><span></span><em></em></li>
            <li><span>卡片信息：</span><em>无</em><span></span><em></em></li>
            <li><span>状态：</span><em></em><span>原因：</span><em></em></li>
        </ul>
    </div>
</body>
<script>
        var oReva = document.getElementById("reva");
        oReva.onclick = function () {
            window.parent.document.getElementById("ofm").src = "./revamp.html";
            window.parent.document.getElementById("content").style.height = '1084px';
            window.parent.document.getElementById("content").style.marginTop = '59px';
        }
        // console.log(localStorage.getItem("userID"));
        var oEm = document.getElementsByTagName("em");
        oEm[2].innerHTML = localStorage.getItem("userTel") || "请完善个人信息";
        oEm[3].innerHTML = localStorage.getItem("userID") || "请完善个人信息";
        oEm[5].innerHTML = localStorage.getItem("province")  || "请完善个人信息";
        oEm[7].innerHTML = localStorage.getItem("city")  || "请完善个人信息";
</script>
</html>